<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<title>已注册产品</title>
		<link href="../../plugin/css/fonts/font-awesome.min.css" rel="stylesheet">
		<link rel="stylesheet" href="../../plugin/weui/css/weui.min.css">
		<link rel="stylesheet" href="../../plugin/weui/css/jquery-weui.min.css">
		<link rel="stylesheet" href="../../plugin/mui/css/mui.min.css">
		<!--App自定义的css-->
		<link rel="stylesheet" type="text/css" href="../../plugin/mui/css/app.css" />
		<link rel="stylesheet" type="text/css" href="../css/global.css" />
		<link rel="stylesheet" type="text/css" href="../css/productList.css" />
	</head>

	<body>
		<div id="app">
			<div class="content" v-cloak>
				<!--无产品-->
				<div class="background-icon" v-if="productNum==0">
					<div class="backgroundImg">
						<img src="../img/noproduct.png"/>
					</div>
					<div class="backgroundFont">还没有注册产品信息</div>
				</div>
				<!-- 有产品 -->
				<div class="mui-card status1" v-else v-for="item in items">
					<!--页眉，放置标题-->
					<div class="mui-card-header">
						<span>产品序列号:{{item.serialNo}}</span>
					</div>
					<!--内容区-->
					<div class="cardLeft">
						<img v-bind:src="item.productImage" />
					</div>
					<div class="cardRight">
						<a v-bind:href="'productDetails.html?productId='+item.id">
							<div class="mui-card-content">
								<div class="productName">
									<span>{{item.productName}}</span>
								</div>
								<div class="pruductDate">
									<span>{{item.registerDate}}</span>
								</div>
							</div>
						</a>
						<div class="mui-card-footer">
							<div class="cardfoot">
								<a :href="'warranty.html?id='+item.id" class="mui-btn">一键报修</a>
								<a href="orderList.html" class="mui-btn">售后记录</a>
							</div>
						</div>
					</div>
				</div>
				
			</div>
			<footer class="footer">
				<a href="productRegister.html">
					<button type="button" class="mui-col-xs-12 mui-btn-outlined mui-btn-primary mui-btn register">
				<div class=" fa fa-plus"></div>
				添加注册产品
			</button>
				</a>

			</footer>
		</div>
		<script src="../../plugin/jquery/jquery-2.2.3.min.js"></script>
		<script src="../../plugin/vue/vue.min.js"></script>
		<script src="../../plugin/weui/js/jquery-weui.min.js"></script>
		<script src="../../plugin/mui/js/mui.min.js"></script>

		<script src="../../common/server.js"></script>
		<script src="../../common/common.js"></script>
		<script src="../js/productList.js"></script>

	</body>

</html>